<script setup>
import sidebar from '@/components/Sidebar.vue'
import MyHeader from '@/components/MyHeader.vue'
</script>

<template>

  <div class="container">
    <el-container style="height: 100vh">
      <el-aside width="200px">
        <sidebar/>
      </el-aside>
      <el-container>
        <el-header>
          <my-header/>
        </el-header>
        <el-main>
          <router-view/>
        </el-main>
      </el-container>
    </el-container>
  </div>

</template>

<style scoped>
.container > *, .container > * > * {
  margin: 0;
  padding: 0;
}

el-aside {
  width: 200px; /* 设置侧边栏宽度 */
  height: 100%; /* 设置侧边栏高度为视窗高度 */
  position: fixed; /* 固定侧边栏位置 */
  top: 0;
  left: 0;
}
</style>